<template>
	<view>
		<!-- <view class="banner">
			<sww-swipe :list="swiperList"></sww-swipe>
		</view> -->
		<view class="menu_list">
			<view class="menu_item" v-for="(item,index) in menuList" :key="index" @click="jumpItem(item.url)">
				<image class="icon" :src="'../static/'+item.icon" mode="heightFix"></image>
				<view class="menu_name">{{item.name}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				swiperList: [{
					img: 'http://klwl-file.oss-cn-shenzhen.aliyuncs.com/202106/jhstest/52230067618116.jpg'
				}],
				menuList: [{
						name: '股东统计',
						url: '/package/system/shareholder/distributorManage/index?index=0',
						icon: 'tongji.png'
					},
					{
						name: '股东管理',
						url: '/package/system/shareholder/distributorManage/index?index=1',
						icon: 'guanli.png'
					},
					{
						name: '股东调整',
						url: '/package/system/shareholder/distributorManage/index?index=2',
						icon: 'gudong.png'
					},
					{
						name: '汇总分析',
						url: '/package/system/shareholder/statistics/index',
						icon: 'fenxi.png'
					},
					{
						name: '人脉',
						url: '/package/system/shareholder/contacts/index',
						icon: 'renmai.png'
					},
				]
			};
		},
		onLoad() {},
		onReachBottom() {},
		methods: {
			jumpItem(url) {
				this.$linkTo(url)
			}
		}
	};
</script>
<style>
	page {
		background-color: #fff;
	}
</style>
<style scoped lang="scss">
	.menu_list {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 0 24rpx;

		.menu_item {
			width: 33.3%;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 38rpx 0 20rpx;

			.icon {
				height: 50rpx;
				margin-bottom: 20rpx;
			}

			.menu_name {
				color: #6A6A6A;
				font-size: 26rpx;
			}
		}
	}
</style>
